import { createRouter, createWebHashHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView,
    redirect: '/index',
    children: [
      {
        path: '/index',
        name: 'Index',
        component: () => import(/* webpackChunkName: "about" */ '../views/home/index.vue')
      },
      {
        path: '/classiFication',
        name: 'ClassiFication',
        component: () => import(/* webpackChunkName: "about" */ '../views/home/classiFication.vue')
      },
      {
        path: '/mySelf',
        name: 'MySelf',
        component: () => import(/* webpackChunkName: "about" */ '../views/home/mySelf.vue')
      },
      {
        path: '/short',
        name: 'Short',
        component: () => import(/* webpackChunkName: "about" */ '../views/home/short.vue')
      }
    ]

  },
  {
    path: '/hotmove',
    name: 'Hotmove',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/hotmove.vue')
  },
  {
    path: '/hightmove',
    name: 'Hightmove',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/hightmove.vue')
  },
  {
    path: '/awardsmove',
    name: 'Awardsmove',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/awardsmove.vue')
  },
  {
    path: '/todaymove',
    name: 'Todaymove',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/todaymove.vue')
  },
  {
    path: '/detailmove',
    name: 'Detailmove',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/detailmove.vue')
  },
  {
    path: '/awardslist',
    name: 'Awardslist',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/awardslist.vue')
  },
  {
    path: '/one',
    name: 'One',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/one.vue')

  },
  {
    path: '/two',
    name: 'Two',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/two.vue')

  },
  {
    path: '/three',
    name: 'Three',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/three.vue')

  },
  {
    path: '/four',
    name: 'Four',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/four.vue')

  },
  {
    path: '/five',
    name: 'Five',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/five.vue')

  },
  {
    path: '/login',
    name: 'Login',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/login.vue')

  },
  {
    path: '/actor',
    name: 'Actor',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/actor.vue')

  },
  {
    path: '/roles',
    name: 'Roles',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/roles.vue')

  },
  {
    path: '/talk',
    name: 'Talk',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/talk.vue')

  },
  {
    path: '/collectvideo',
    name: 'Collectvideo',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/collectvideo.vue')

  }, {
    path: '/search',
    name: 'Search',
    component: () => import(/* webpackChunkName: "about" */ '../views/center/search.vue')

  },

  // ,
  // {
  //   path: '/about',
  //   name: 'about',
  //   // route level code-splitting
  //   // this generates a separate chunk (about.[hash].js) for this route
  //   // which is lazy-loaded when the route is visited.
  //   component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
  // }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router
